<div class="col-sm-12">
    <div class="row filemanager firstbjx" style="height: 780px">
        <div class="first">
            <img src="../../static/images/image/oneLayerfirstHall.png" th:src="@{/images/image/oneLayerfirstHall.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <div class="second">
            <img src="../../static/images/image/oneLayersecond.png" th:src="@{/images/image/oneLayersecond.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <div class="third">
            <img src="../../static/images/image/oneLayerThird.png" th:src="@{/images/image/oneLayerThird.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <div class="fourth">
            <img src="../../static/images/image/oneLayerfourthHall.png" th:src="@{/images/image/oneLayerfourthHall.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <div class="fifth">
            <img src="../../static/images/image/oneLayerfifthHall.png" th:src="@{/images/image/oneLayerfifthHall.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <div class="corr1">
            <img src="../../static/images/image/oneLayerfifthHall.png" th:src="@{/images/image/first_corr1.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <div class="corr2">
            <img src="../../static/images/image/oneLayerfifthHall.png" th:src="@{/images/image/firs_corr2.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <div class="corr3">
            <img src="../../static/images/image/oneLayerfifthHall.png" th:src="@{/images/image/first_corr3.png}" style="width: 100%;height: 100%" alt="">
        </div>
        <!--<div class="sixth">-->
            <!--<img src="..screenatic/images/image/sixthHall.png" th:src="@{/images/image/sixthHall.png}" style="width: 100%;height: 100%" alt="">-->
        <!--</div>-->
    </div>
</div>
<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    //782px-873px
//    $(function () {
//        var _heitght=$(document).height()-209+"px";
//        console.log(_heitght)
//        $('.firstbjx').css('height',_heitght)
//    })
    $(".first>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":24,"ichnographyId":1});
    });
    $(".second>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":25,"ichnographyId":1});
    });
    $(".third>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":26,"ichnographyId":1});
    });
    $(".fourth>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":27,"ichnographyId":1});
    });
    $(".fifth>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":28,"ichnographyId":1});
    });
    $(".corr1>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":29,"ichnographyId":1});
    });
    $(".corr2>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":31,"ichnographyId":1});
    });
    $(".corr3>img").on('click',function () {
        $.goTo(/*[[@{/literature/literatureList}]]*/"./floor_show.html", {"exhibtionId":32,"ichnographyId":1});
    });
    /*]]>*/
</script>